<a href="#"
   class="list-group-item list-group-item-action d-flex flex-row align-items-start justify-content-start">
    <img class="user-icon" src={{speakerIcon}} alt="User icon">
    <div class="d-flex flex-column align-items-start flex-grow-1">
        <div class="user-name">{{name}}</div>
        <div class="chat-bubble agent">{{message}}</div>
    </div>
</a>